<template>
	<view class="examContainer">
		<exam :questionList='questionList' @collectChange='collectChange' />
	</view>
</template>

<script>
	import exam from '@/components/exam/index.vue'
	export default {
		components: {
			exam,
		},
		data() {
			return {
				questionList: [{
						id: 1, // 主键
						questionType: 1, // 题目类型
						info: '我们提供了嵌入视频的能力，为避免资源浪费，在您切换轮播的下123。', // 题目主干
						// isFinish: false, // 是否作答
						isCollect: false, // 是否收藏
						answer: null, // 考生答案
						answerRightId: null, // 正确答案id
						answerList: [{
								id: 1,
								info: '苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹'
							},
							{
								id: 2,
								info: '香蕉'
							},
							{
								id: 3,
								info: '例子'
							},
							{
								id: 4,
								info: '西瓜'
							}
						] // 选项列表
					},
					{
						id: 2, // 主键
						questionType: 2, // 题目类型
						info: '我们提供了嵌入视频的能力，为避免资源浪费，在您切换轮播的下。456', // 题目主干
						isFinish: false, // 是否作答
						isCollect: false, // 是否收藏
						answer: null, // 考生答案
						answerRightId: null, // 正确答案id
						answerList: [{
								id: 1,
								info: '苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹'
							},
							{
								id: 2,
								info: '香蕉'
							},
							{
								id: 3,
								info: '苹果'
							},
							{
								id: 4,
								info: '菠萝'
							}
						] // 选项列表
					},
					{
						id: 3, // 主键
						questionType: 3, // 题目类型
						info: '我们提供了嵌入视频的能力，为避免资源浪费，在您切换轮播的下。789', // 题目主干
						isFinish: false, // 是否作答
						isCollect: false, // 是否收藏
						answer: null, // 考生答案
						answerRightId: null, // 正确答案id
						answerList: [{
								id: 1,
								info: '苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹苹果苹果苹果苹果苹'
							},
							{
								id: 2,
								info: '香蕉'
							}
						] // 选项列表
					}
				]
			}
		},
		methods: {
			collectChange(data) {}
		}
	}
</script>

<style lang="scss" scoped>
	* {
		box-sizing: border-box;
	}

	.examContainer {
		width: 100%;
		height: calc(100vh - 44px);
		background-color: #eee;
		overflow: hidden;


	}
</style>
